<template>
    <div id="container" style="margin-left: 35%">
        <!--订单基本资料-->
        <div class="orderInfo">
            <el-form :inline="true" size="mini" :model="sellOrderDetail">
                <el-form-item label="订单编号：">
                    <el-input v-model="sellOrderDetail.sellCode" :disabled="true"></el-input>
                </el-form-item>
                <el-form-item label="下单日期：">
                    <el-input v-model="sellOrderDetail.orderCreateTime" :disabled="true"></el-input>
                </el-form-item>
            </el-form>
        </div>
        <div class="orderInfo2">
            <el-form :inline="true" size="mini" :model="sellOrderDetail">
                <el-form-item label="订单类型：">
                    <el-input v-model="sellOrderDetail.orderType" :disabled="true"></el-input>
                </el-form-item>
                <el-form-item label="订单动作：">
                    <el-input v-model="sellOrderDetail.orderAction" :disabled="true"></el-input>
                </el-form-item>
            </el-form>
        </div>
        <div class="orderInfo3">
            <el-form :inline="true" size="mini" :model="sellOrderDetail">
                <el-form-item label="业务类型：">
                    <el-input v-model="sellOrderDetail.businessType" :disabled="true"></el-input>
                </el-form-item>
                <el-form-item label="订单状态：">
                    <el-input v-model="sellOrderDetail.orderState" :disabled="true"></el-input>
                </el-form-item>
            </el-form>
        </div>

        <!--收货人资料-->
        <div class="buyerInfo1">
            <el-form :inline="true" size="mini" :model="sellOrderDetail" style="margin-left: -1%">
                <el-form-item label="收货人姓名：">
                    <el-input v-model="sellOrderDetail.consigneeName" :disabled="true"></el-input>
                </el-form-item>
                <el-form-item label="会员账号：">
                    <el-input v-model="sellOrderDetail.memberAccount" :disabled="true"></el-input>
                </el-form-item>
            </el-form>
        </div>
        <div class="buyerInfo2">
            <el-form :inline="true" size="mini" :model="sellOrderDetail">
                <el-form-item label="联系电话：">
                    <el-input v-model="sellOrderDetail.phoneNumber" :disabled="true"></el-input>
                </el-form-item>
                <el-form-item label="联系手机：">
                    <el-input v-model="sellOrderDetail.cellphoneNumber" :disabled="true"></el-input>
                </el-form-item>
            </el-form>
        </div>
        <div class="buyerInfo3">
            <el-form :inline="true" size="mini" :model="sellOrderDetail">
                <el-form-item label="邮政编码：">
                    <el-input v-model="sellOrderDetail.postalCode" :disabled="true"></el-input>
                </el-form-item>
                <el-form-item label="收货地址：">
                    <el-input v-model="sellOrderDetail.deliveryAddress" :disabled="true"></el-input>
                </el-form-item>
            </el-form>
        </div>
        <div class="buyerInfo4">
            <el-form :inline="true" size="mini" :model="sellOrderDetail">
                <el-form-item label="配送地区：">
                    <el-input v-model="sellOrderDetail.deliveryArea" :disabled="true"></el-input>
                </el-form-item>
                <el-form-item label="配送方式：">
                    <el-input v-model="sellOrderDetail.deliveryWay" :disabled="true"></el-input>
                </el-form-item>
            </el-form>
        </div>
        <div class="buyerInfo5">
            <el-form :inline="true" size="mini" :model="sellOrderDetail">
                <el-form-item label="配送费用：">
                    <el-input v-model="sellOrderDetail.deliveryCost" :disabled="true"></el-input>
                </el-form-item>
                <el-form-item label="支付方式：">
                    <el-input v-model="sellOrderDetail.payWay" :disabled="true"></el-input>
                </el-form-item>
            </el-form>
        </div>
        <div class="buyerInfo6">
            <el-form :inline="true" size="mini" :model="sellOrderDetail">
                <el-form-item label="自提时间：">
                    <el-input v-model="sellOrderDetail.selfPickupTime" :disabled="true"></el-input>
                </el-form-item>
                <el-form-item label="电子邮箱：">
                    <el-input v-model="sellOrderDetail.email" :disabled="true"></el-input>
                </el-form-item>
            </el-form>
        </div>
        <div class="buyerInfo7">
            <el-form :inline="true" size="mini" :model="sellOrderDetail">
                <el-form-item label="备注：" style="margin-left: 2%">
                    <el-input
                            type="textarea"
                            :autosize="{ minRows: 4, maxRows: 8}"
                            v-model="sellOrderDetail.remark"
                            style="width: 240%;"
                            :disabled="true"
                    >
                    </el-input>
                </el-form-item>
            </el-form>
        </div>

        <!--订单商品信息-->
        <div class="table-box" style="margin-left: -4%">
            <el-table
                    :data="goodsList"
                    style="width: 120%"
                    stripe
            >
                <el-table-column
                        align="center"
                        prop="goodCode"
                        label="商品编号"
                        width="120%">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="goodName"
                        label="商品名称"
                        width="120%">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="goodMallprice"
                        label="单价"
                        width="120%">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="count"
                        label="数量"
                        width="120%">
                </el-table-column>
                <el-table-column
                        align="center"
                        prop="totalMoney"
                        label="总金额"
                        width="120%">
                </el-table-column>
            </el-table>
        </div>
        <div>
                <el-form :inline="true" size="mini" :model="sellOrderDetail">
                    <el-form-item label="创建人：">
                        <el-input v-model="sellOrderDetail.outOrderCreatePerson" :disabled="true"></el-input>
                    </el-form-item>
                    <el-form-item label="创建时间：">
                        <el-input v-model="sellOrderDetail.outOrderCreateTime" :disabled="true"></el-input>
                    </el-form-item>
                </el-form>
        </div>
        <div style="margin-left: 25%">
            <el-button type="danger" @click="pageBack" style="margin-left: -10%">返回</el-button>
        </div>
    </div>
</template>

<script>
    import sellOutRepositoryRecordDetail from './sellOutRepositoryRecordDetail'
    export default sellOutRepositoryRecordDetail;
</script>

<style scoped>

</style>